<template>

  <el-row>
    <el-col  :span="24">
      窗口退号
    </el-col>
  </el-row>
  <table class="rt">
    <tr>

      <td> <el-input style="width: 350px;height: 40px;margin-right: 20px" placeholder="请输入病例号"  />
           <el-input style="width: 350px;height: 40px;margin-right: 40px" placeholder="请输入姓名"   />
           <el-button style="height: 40px;" >搜索</el-button>
      </td>

    </tr>
    <hr/>
  </table>

  <el-table   :data="tableData" height="250" style="width: 100%">
    <el-table-column prop="date" label="编号" width="80" />
    <el-table-column prop="name" label="患者病历号" width="180" />
    <el-table-column prop="address" label="患者姓名" width="180" />
    <el-table-column prop="address" label="患者性别" width="180" />
    <el-table-column prop="address" label="患者身份证" width="180" />
    <el-table-column prop="address" label="付款方式" width="180" />
    <el-table-column  label="操作" width="120"/>
  </el-table>


</template>

<script>
export default {
  name: "retreat"
}
</script>

<style scoped>
*{
  font-size: 12px;
}
.el-row:nth-child(1){
  border-top: solid 1px lightgray;
  border-bottom: solid 1px lightgray;
  padding: 20px 0px;
}
.el-row{
  margin-top: 20px;
  margin-bottom: 20px;
}
.el-col{
  text-align: left;
}
.rt{
  background-color: white;
  width: 100%;
  text-align: left;
  color: #909399;
  margin-bottom: 50px;
}
.rt td{
  padding: 10px;
}
.rt td:nth-child(odd){
  width: 100px;
  background-color: #FAFAFA;

}
</style>